<template>
  <div class="search-hot">
    <em>热门职位：</em>
    <span v-for="(items, idx) in hotPositions" :key="idx">{{items.HotPositionName}} </span>
  </div>
</template>
<script>
// 引入获取热门职位的接口
import { getReturneeHotPosition } from '@/api'
export default {
  name: "searchhot",
  data() {
    return {
      hotPositions: []
    }
  },
  mounted() {
    getReturneeHotPosition().then((res)=>{
      // 获取热门职位数据
      this.hotPositions = res.data.data;
    });
  },
}
</script>
<style lang="less">
  .search-hot{
    width: 936px;
    em{
      color: #9fa3b0;
      font-size: 12px;
    }
    span{
      color: #5dd5c8;
      font-size: 12px;
    }
  }
</style>